.cme {
    position: fixed;
    width: 100%;
    height: 100%;
    background: none;
    transform: scale(1, 1);
    /*top: 50px;
    left: 50px;*/
    z-index: 50000;
    display: none;
}

.cme .var {
    position: fixed;
    width: 100%;
    background: yellow;
    display: none;
}

/*.cme {
    position: fixed;
    top: 100px;
    left: 200px;
    background: none;
    transform: scale(1, 1);
    /*top: 50px;
    left: 50px;
    z-index: 50000;
}*/

.cme .cmeb {
    position: fixed;
    top: 100px;
    left: 200px;
    width: 400px;
    height: 400px;
    border: 90px solid #9db9c1;
    border-radius: 5px;
    
    transform: scale(1, 1);
    box-sizing: border-box;
    z-index: 50005;
}
/*61c4ff a4f6ff 90*/
.cme .cmeb .ebb7 {
    position: fixed;
    top: 0px;
    left: 0px;
    background: none;
    z-index: 5;
}
.cme .cmeb .ebb7 .ebbb1 {
    position: fixed;
    top: 0px;
    left: -85px;
    width: 80px;
    height: 30px;
}
.cme .cmeb .ebb7 .ebbb2 {
    position: fixed;
    top: -80px;
    left: -85px;
    width: 120px;
    height: 30px;
}
.cme .cmeb .ebb7 .ebbb7 {
    position: fixed;
    top: 50px;
    left: -85px;
    width: 80px;
    height: 30px;
}
.cme .cmeb .ebb7 .ebbb3 {
    position: fixed;
    top: -80px;
    left: 280px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ccc;
}
.cme .cmeb .ebb7 .ebbb3-on {
    background: #60ff00;
}
.cme .cmeb .ebb7 .ebbb4 {
    position: fixed;
    top: -110px;
    left: -290px;
    width: 150px;
    height: 60px;
    border-radius: 0px 3px 3px 0px;
    background: #afd4e4;
    text-align: center;
    line-height: 60px;
}
.cme .cmeb .ebb7 .ebbb4 .a1 {
    
    font-size: 15px;
    color: white;
}
.cme .cmeb .ebb7 .ebbb5 {
    position: absolute;
    top: -20px;
    left: -290px;
    width: 170px;
    height: 300px;
    border-radius: 0px 3px 3px 0px;
    background: #afd4e4;
    display: none;
}
.cme .cmeb .ebb7 .ebbb5 .a1 {
    position: absolute;
    top: 5px;
    left: 50px;
    font-size: 17px;
    color: white;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb1 {
    position: absolute;
    top: 40px;
    background: none;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb2 {
    position: absolute;
    top: 80px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb2 .aa2 {
    position: absolute;
    top: 13px;
    left: 6px;
    font-size: 8px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb3 {
    position: absolute;
    top: 120px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb4 {
    position: absolute;
    top: 150px;
    width: 100%;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb4 .in1 {
    position: absolute;
    top: 0px;
    left: 10px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb4 .in2 {
    position: absolute;
    top: 0px;
    left: 80px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb4 .aal {
    font-size: 11px; 
    padding: 4px;
    width: 50px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb5 {
    position: absolute;
    top: 190px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 {
    position: absolute;
    top: 270px;
    left: 30px;
    width: 110px;
    height: 20px;
    color: white;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
    background-color: #64c9f6;
    overflow: hidden;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6.ac:active {
    color: rgb(240,240,240);
    background-color: #48a7da;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .ot1 {
    position: absolute;
    top: -45px;
    animation: anim1 6s infinite linear;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 {
    position: absolute;
    top: 7px;
    left: 27px;
    background-color: none;
    display: none;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .dd1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
    transition: 0.6s;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .dd2 {
    position: absolute;
    top: 0;
    left: 25px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
    transition: 0.6s;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .dd3 {
    position: absolute;
    top: 0;
    left: 50px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: white;
    transition: 0.6s;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .dd4 {
    position: absolute;
    top: 0px;
    left: 25px;
    width: 0px;
    height: 0px;
    border: 2.5px solid white;
    border-radius: 50%;
    background-color: none;
    box-sizing: none;
    transition: 0.3s;
    
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .posi1 {
    top: -3px;
    left: -3px;
    width: 11px;
    height: 11px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .posi2 {
    top: -3px;
    left: 22px;
    width: 11px;
    height: 11px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .posi3 {
    top: -3px;
    left: 47px;
    width: 11px;
    height: 11px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .tr1 {
    transition: 0.3s;
}

.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .an1 {
    animation: anim2 0.6s infinite;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .an2 {
    animation: anim2-2 0.6s infinite ease 0.3s;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .an3 {
    animation: anim2-3 0.6s infinite ease 0.6s;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .posi4 {
    top: 0px;
    left: 25px;
    width: 5px;
    height: 5px;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .posi5 {
    top: -10px;
    left: 15px;
    border: 12.5px solid white;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d1 .posi5-2 {
    top: -70px;
    left: -45px;
    width: 120px;
    height: 120px;
}
@keyframes anim2 {
  0% {
      top: 0;
      left: 0;
      width: 5px;
      height: 5px;
  }
  50% {
      top: -3px;
      left: -3px;
      width: 11px;
      height: 11px;
  }
  100% {
      top: 0;
      left: 0;
      width: 5px;
      height: 5px;
  }
}
@keyframes anim2-2 {
  0% {
      top: 0;
      left: 25px;
      width: 5px;
      height: 5px;
  }
  50% {
      top: -3px;
      left: 22px;
      width: 11px;
      height: 11px;
  }
  100% {
      top: 0;
      left: 25px;
      width: 5px;
      height: 5px;
  }
}
@keyframes anim2-3 {
  0% {
      top: 0;
      left: 50px;
      width: 5px;
      height: 5px;
  }
  50% {
      top: -3px;
      left: 47px;
      width: 11px;
      height: 11px;
  }
  100% {
      top: 0;
      left: 50px;
      width: 5px;
      height: 5px;
  }
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d2 {
    position: absolute;
    top: 11px;
    left: 47px;
    background-color: none;
    display: none;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d2 .dd1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 2px;
    border-radius: 1px 0px 2px 1px;
    background-color: white;
    transform: rotate(45deg);
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .d2 .dd2 {
    position: absolute;
    top: -3.45px;
    left: 3.55px;
    width: 12px;
    height: 2px;
    border-radius: 0px 1px 1px 0px;
    background-color: white;
    transform: rotate(-45deg);
}
@keyframes anim1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .aa1 {
    color: white;
    font-size: 11px;
    display: block;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .trr1 {
    transition: 0.2s;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .i2r1 {
    opacity: 0;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .i2r2 {
    opacity: 0;
}

.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .ot1 .ott1 {
    transform: scale(0.1, 0.1);
    margin: 0;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .ot1 .ott1:before {
    background: #64c9f6;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb6 .ot1 .ott1:after {
    background: #64c9f6;
}
/*.cme .cmeb .ebb7 .ebbb5 .ebbbb4 .aal::placeholder {
    color: #6c757d;
    opacity: 1;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb4 .aal::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1;
}
.cme .cmeb .ebb7 .ebbb5 .ebbbb4 .aal::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}*/
.cme .cmeb .ebb7 .ebbb5 .al {
    width: 100%;
    font-size: 13px;
    color: white;
}
.cme .cmeb .ebb7 .ebbb5 .al .aa1 {
    position: absolute;
    top: 0px;
    left: 5px;
}
.cme .cmeb .eb7 .ebbb5 .al .aa1:hover {
    color: rgb(30,230,230);
}
.cme .cmeb .ebb7 .ebbb5 .al .tg1 {
    position: absolute;
    top: 1px;
    left: 105px;
}


.cme .cmeb .ebb7 .ebbb6 {
    position: absolute;
    top: -190px;
    left: 50px;
}

.cme .cmeb .ebb7 .ebbb6 .ebbbb1 {
    position: absolute;
    transform-style: preserve-3d;
    transform: rotateX(-90deg);
    transform-origin: 100% 0% 0px;
    -webkit-transform-origin: 100% 0% 0px;
    color: white;
    
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1.tr {
    transition: 2.5s;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1.ro {
    transform: rotateX(-0deg);
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 {
    position: absolute;
    top: 110px;
    left: -160px;
    width: 470px;
    height: 320px;
    background-color: #62ceff;
    transform: rotateX(0deg);
    -webkit-transform-origin: 0% 0% 100px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb2 {
    position: absolute;
    top: 110px;
    left: -160px;
    width: 470px;
    height: 200px;
    background-color: #40aadc;
    transform: rotateX(-90deg);
    -webkit-transform-origin: 0% 0% 0px;
    /*-webkit-perspective: 250;
	-webkit-perspective-origin: 90% 10%;*/
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb3 {
    position: absolute;
    top: 0;
    left: 50px;
    width: 50px;
    height: 110px;
    background-color: #b0b0b0;
    transform: rotateX(0deg);
    -webkit-transform-origin: 0% 0% 0px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 450px;
    height: 300px;
    background-color: black;
    border-radius: 5px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dc {
    display: none;
}

.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 100%;
    text-align: center;
}

.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 {
    position: absolute;
    top: 50px;
    left: -150px;
    width: 100%;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 .aaa1 {
    position: absolute;
    font-size: 120px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 .aaa2 {
    position: absolute;
    top: 120px;
    left: 240px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 .aaa3 {
    position: absolute;
    top: 10px;
    left: 230px;
    color: black;
    font-size: 40px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 .aaa1:hover + .aaa2 {
    text-decoration: underline;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 .aaa3:hover + .aaa2 {
    text-decoration: underline;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv1 .aaa2:hover {
    text-decoration: underline;
}

.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv2 {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 100%;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv2 .aaa1 {
    position: absolute;
    font-size: 120px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv2 .aaa2 {
    position: absolute;
    top: 120px;
    left: 245px;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv2 .aaa1:hover + .aaa2 {
    text-decoration: underline;
}
.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .dv1 .dvv2 .aaa2:hover {
    text-decoration: underline;
}

.cme .cmeb .ebb7 .ebbb6 .ebbbb1 .ebbbbb1 .panel .a1 {
    position: absolute;
    bottom: 10px;
    right: 15px;
    font-size: 18px;
}

.cme .ebb {
    position: fixed;
    top: 100px;
    left: 200px;
    width: 400px;
    height: 400px;
    
    transform: scale(1, 1);
    z-index: 50001;
}

.cme .eb1 {
    position: fixed;
    top: -100px;
    left: -200px;
    width: 1500px;
    height: 110px;
    background: #d1e2e2;
    z-index: 50003;
}
.cme .eb2 {
    position: fixed;
    top: 0px;
    left: -200px;
    width: 210px;
    height: 400px;
    background: #d1e2e2;
    z-index: 50003;
}
.cme .eb3 {
    position: fixed;
    top: 0px;
    left: 390px;
    width: 1500px;
    height: 400px;
    background: #d1e2e2;
    z-index: 50003;
}
.cme .eb4 {
    position: fixed;
    top: 390px;
    left: -200px;
    width: 1500px;
    height: 1500px;
    background: #d1e2e2;
    z-index: 50003;
}
.cme .eb5 {
    position: fixed;
    top: 390px;
    left: -200px;
    width: 800px;
    height: 600px;
    background: none;
    perspective: 250;
	perspective-origin: 50% 0%;
	-webkit-perspective: 250;
	-webkit-perspective-origin: 50% 0%;
    z-index: 50003;
}
.cme .eb5 .ebb1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #acb7bc;
    transform: rotateX(60deg);
}
.cme .eb6 {
    position: fixed;
    z-index: 50002;
}
.cme .eb6 .ebb1 {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 190px;
    height: 380px;
    background: #61c4ff;
    transition: 0.55s;
}
.cme .eb6 .ebb2 {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 190px;
    height: 380px;
    background: #61c4ff;
    transition: 0.55s;
}
.cme .eb6 .ebb1 .ebbb1 {
    position: absolute;
    right: 0px;
    width: 10px;
    height: 380px;
    background: #a4f6ff;
}
.cme .eb6 .ebb2 .ebbb1 {
    position: absolute;
    left: 0px;
    width: 10px;
    height: 380px;
    background: #a4f6ff;
}
.cme .eb6 .trcc1 {
    left: -180px;
}
.cme .eb6 .trcc2 {
    right: -180px;
}
.cme .eb6 .trcc3 {
    left: 10px;
}
.cme .eb6 .trcc4 {
    right: 10px;
}
.cme .eb7 {
    position: fixed;
    top: 0px;
    left: 0px;
    background: none;
    z-index: 50007;
}
.cme .eb7 .ebb1 {
    position: fixed;
    top: 10px;
    left: 80px;
    width: 50px;
    height: 50px;
}
.cme .eb8 {
    position: fixed;
    top: -100px;
    left: -410px;
    width: 1700px;
    height: 10px;
    background-color: #77d9fe;
    background-image: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0),white,white,white,white,rgba(255,255,255,0),rgba(255,255,255,0));
    background-size: 40rem 40rem;
    display: none;
    z-index: 50010;
}
.cme .eb8-a {
    -webkit-animation: cme-eb8s 2.7s linear infinite;
    animation: cme-eb8s 2.7s linear infinite;
}
@keyframes cme-eb8s {
  from {
    background-position: -40rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.cme .button1 {
    background: rgb(170,240,255);
    background-image: linear-gradient(to bottom, rgb(230,255,255), rgb(170,240,255));
    border: none;
    border-radius: 3px;
    padding: 2px;
    outline: none;
}
.cme .button1:hover {
    background: rgb(130,200,215);
    background-image: linear-gradient(to bottom, rgb(190,215,215), rgb(130,200,215));
}
.cme .button1:active {
    background: rgb(130,200,215);
    background-image: linear-gradient(to bottom, rgb(130,200,215), rgb(190,215,215));
}
.cme .button1:disabled {
    background: rgb(100,170,185);
    background-image: linear-gradient(to bottom, rgb(160,185,185), rgb(100,170,185));
}
/*background-image: repeating-linear-gradient(red, yellow 10%, green 20%); 
*/

.cme .trc1 {
    transition: 5s;
    transform: scale(20, 20);
}

.cme .trc2 {
    transition: 1s;
    transform: scale(1, 1);
}

.cme .tta1 {
    position: absolute;
    top: 200px;
    left: 200px;
}

.cme .bgrba {
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 49995;
}
.cme .bgrba.tr {
    transition: 1.2s;
}
.cme .bgrba.opanone {
    opacity: 0;
}

.cme .loadbak {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #c0ffff;
    z-index: 49980;
    display: none;
}
.cme .loadbak.anm {
    animation: ceanim1 30s infinite linear;
}
@keyframes ceanim1 {
  0% {
      background-color: white;
  }
  12.5% {
      background-color: blue;
  }
  25% {
      background-color: green;
  }
  37.5% {
      background-color: yellow;
  }
  /*40% {
      background-color: purple;
  }*/
  50% {
      background-color: red;
  }
  /*60% {
      background-color: purple;
  }*/
  62.5% {
      background-color: yellow;
  }
  75% {
      background-color: green;
  }
  87.5% {
      background-color: blue;
  }
  100% {
      background-color: white;
  }
}